Background

Close #1979.

Current openapi-react-query has a potential issue because useQuery calls from different clients are assigned the same key, even though they're querying different endpoints.

For example:

import { default as createFetchClient } from 'openapi-fetch'
import createClient from 'openapi-react-query'

const client1 = createClient(createFetchClient({ baseUrl: 'https://api1.example.com' }))
const client2 = createClient(createFetchClient({ baseUrl: 'https://api2.example.com' }))

function useSomething() {
  return [client1.useQuery('get', '/a'), client2.useQuery('get', '/a')]
}

Here, both queries receive the same key, even though they are querying different sources.

This try to resolve the problem.

Changes

• Added a prefixQueryKey parameter to differentiate cache identities.

How to Review

• I haven't changed the documentation, but if you think it's necessary, please comment.
• I got the comment about prefixQueryKey's type, and I ended up using unknown type.
  See packages/openapi-react-query/test/index.test.tsx:270, and feel free to leave a comment if you have any other thoughts.

Checklist

• Unit tests updated
• docs/ updated (if necessary)
• pnpm run update:examples run (only applicable for openapi-typescript)